<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/java.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">咨询动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <!-- 图片 -->
        <div class="banner">
            <img src="../assets/uploads/java_banner.webp" alt="">
        </div>

        <!-- JavaEE黄金编程语言，29年长盛不衰 -->
        <div class="statistic wrapper">
            <h2 class="com-title">JavaEE黄金编程语言，29年长盛不衰</h2>
            <h4 class="com-subtitle">JavaEE风靡全球二十多年，是全球最流行的编程语言之一，广泛应用于各个行业</h4>

            <ul class="statistic-list wrapper">
                <li class="statistic-item">
                    <img src="../assets/uploads/statistic1.webp" alt="">
                    <h5>90%+</h5>
                    <p>后端编程语言占比</p>
                </li>
                <li class="statistic-item">
                    <img src="../assets/uploads/statistic2.webp" alt="">
                    <h5>第一</h5>
                    <p>83 次TIOBE排行第一</p>
                </li>
                <li class="statistic-item">
                    <img src="../assets/uploads/statistic3.webp" alt="">
                    <h5>25亿</h5>
                    <p>全球25亿Java服务在运行</p>
                </li>
                <li class="statistic-item">
                    <img src="../assets/uploads/statistic4.webp" alt="">
                    <h5>29年</h5>
                    <p>上线29年 生命力依旧旺盛</p>
                </li>
            </ul>

        </div>

        <!-- Java应用领域广泛 -->
        <div class="area">
            <h2 class="com-title">Java应用领域广泛</h2>
            <h4 class="com-subtitle">覆盖各个领域，岗位多机会多</h4>

            <ul class="area-list wrapper">
                <li class="area-item">
                    <img src="../assets/images/Java_font9.webp" alt="">
                    <h6>金融</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font1.webp" alt="">
                    <h6>保险</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font2.webp" alt="">
                    <h6>科技</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font3.webp" alt="">
                    <h6>互联网</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font4.webp" alt="">
                    <h6>物流</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font5.webp" alt="">
                    <h6>电信</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font6.webp" alt="">
                    <h6>交通</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font7.webp" alt="">
                    <h6>银行</h6>
                </li>
                <li class="area-item">
                    <img src="../assets/images/Java_font8.webp" alt="">
                    <h6>政府</h6>
                </li>
                
            </ul>
        </div>

        <!-- 清晰可实现的多维度java晋升路径 -->
        <div class="dimension">
            <h2 class="com-title">清晰可实现的多维度java晋升路径</h2>

            <ul class="route-list wrapper">
                <li class="route-item">
                    <ul class="dimension-list">
                        <li class="dimension-item">技术型</li>
                        <li class="dimension-item">初级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">中级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">高级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">架构师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">技术总监</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">CTO</li>
                    </ul>
                </li>
                <li class="route-item">
                    <ul class="dimension-list">
                        <li class="dimension-item">管理型</li>
                        <li class="dimension-item">软件工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">项目组长</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">项目经理</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">项目总监</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">技术总监</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">CTO</li>
                    </ul>
                </li>
                <li class="route-item">
                    <ul class="dimension-list">
                        <li class="dimension-item">交叉型</li>
                        <li class="dimension-item">初级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">中级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">高级工程师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">架构师</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">技术总监</li><span class="iconfont icon-youjiantou"></span>
                        <li class="dimension-item">CTO</li>
                    </ul>
                </li>
            </ul>
        </div>

        <!-- 保障学员就业 -->
        <div class="people">
            <h2 class="com-title">保障学员就业</h2>
            <h4 class="com-subtitle">从入学到就业，职创始终在你身边，助力学员顺利入职</h4>

            <ul class="people-list wrapper">
                <li class="people-item">
                    <img src="../assets/images/people5.webp" alt="">
                    <div class="text">
                        <h5>0基础小白</h5>
                        <p>快速入门，层层深入，提升核心竞争力</p>
                    </div>
                </li>
                <li class="people-item">
                    <img src="../assets/images/people6.webp" alt="">
                    <div class="text">
                        <h5>职场晋升</h5>
                        <p>突破职场瓶颈，轻松升职加薪</p>
                    </div>
                </li>
                <li class="people-item">
                    <img src="../assets/images/people7.webp" alt="">
                    <div class="text">
                        <h5>跨界转行</h5>
                        <p>摆脱专业束缚，拓展知识领域探先机</p>
                    </div>
                </li>
                <li class="people-item">
                    <img src="../assets/images/people3.webp" alt="">
                    <div class="text">
                        <h5>学历短板</h5>
                        <p>抛开学历谈技术，夯实技术基础，深挖技术能力</p>
                    </div>
                </li>
                <li class="people-item">
                    <img src="../assets/images/people1.webp" alt="">
                    <div class="text">
                        <h5>常年外包</h5>
                        <p>打破岗位限制，掌控项目全局</p>
                    </div>
                </li>
                <li class="people-item">
                    <img src="../assets/images/people4.webp" alt="">
                    <div class="text">
                        <h5>失业保障</h5>
                        <p>夯实自身硬核技术， 全面保障失业危机</p>
                    </div>
                </li>
            </ul>
        </div>
        
        <!-- Java全栈开发课程 -->
        <div class="home-section-bg">
            <div class="courses">
                <h2 class="com-title">Java全栈开发课程</h2>

                <div class="course-table wrapper">
                    <div class="left">
                        <ul class="left-list">
                            <li class="left-item active">
                                <h6>阶段一</h6>
                                <p>JavaSE基础</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段二</h6>
                                <p>JavaSE⼊⻔进阶</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段三</h6>
                                <p>Java web核⼼基础</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段四</h6>
                                <p>Java web⼯程化</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段五</h6>
                                <p>微服务架构核⼼基础</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段六</h6>
                                <p>微服务架构⼯程化</p>
                            </li>
                            <li class="left-item">
                                <h6>阶段七</h6>
                                <p>互联⽹⼤⼚笔试⾯试</p>
                            </li>
                        </ul>
                    </div>

                    <ul class="all-list">
                        <li class="single-list active">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.Java开发环境及配置；<br>
                                            2.Java基础语法、Java⾯向对象；<br>
                                            3.综合实践项⽬。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.零基础⼊⻔，学员上阵；从Java语⾔前世今⽣开始，逐步深⼊，让学员打牢基础；<br>
                                            2.精⼼设计每个知识点，深⼊浅出，激发学员Java编程兴趣。<br>
                                            3.跟着⽼师的节奏，学员边学边练、边练边问，学员真正理解吸收每个知识点的理论原理。同时，通过⼤量有针对性的编程练习， 学员再次消化理论，真正做到了理论联系实践，活学活⽤；</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Java开发环境部署与配置；<br>
                                            2.Java开发⼯具IDEA及使⽤；<br>
                                            3.Java分⽀结构if/if else/switch case；<br>
                                            4.Java循环结构for/while/do while；<br>
                                            5.Java数组及应⽤;<br>
                                            6.Java⽅法及Java⾯向对象。</p><br>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.IO流、⽂件、异常；<br>
                                            2.设计模式、算法与数据结构；<br>
                                            3.⽹络编程、多线程。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.学员全⾯掌握JavaSE内容，内容丰富多样，涵盖全⾯；知识系统化，有深度；<br>
                                            2.丰富的代码实践，企业级的实战项⽬，让学员具备初级⼯程师的⽔平。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Java IO流、Java File IO、Java异常处理、Java序列化；<br>
                                            2.Java泛型、23种设计模式、常⽤数据结构、常⽤查找算法、常⽤排序算法；<br>
                                            3.⽹络协议、Socket编程、多线程、线程安全、反射、注解。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.Java web开发模型、三层架构MVC；<br>
                                            2.前端开发技术栈；<br>
                                            3.数据库技术。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.基于当前最主流的Java前端和后端分离技术，学员掌握前端主流开发技术栈，使学员理解B/S、C/S开发核⼼思想；同时，学员 具备了项⽬研发中的必备的需求分析、设计等能⼒；<br>
                                            2.知识覆盖了主流前端技术，由浅⼊深，学员轻松应对。同时，结合企业级实战项⽬，学员巩固提⾼，具备举⼀反三解决问题的硬 实⼒。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.B/S和C/S开发模型、MVC、AJAX/XML/JSON；<br>
                                            2.HTTP/HTTPS、Serlet和Tomcat、HTML；<br>
                                            3.CSS、avaScript、Vue、MySQL。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.项⽬管理、Java web持久化开发；<br>
                                            2.登录认证与授权；<br>
                                            3.Spring、SpringBoot。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.贴合企业实际需求，使学员具备Java项⽬开发与管理能⼒；<br>
                                            2.将Spring/SpringBoot直接引⼊课堂，讲述企业最为迫切需要的Web开发技术栈；通过对SpringBoot原理、开发技术的讲解，使得学员能够更加⾼效、快捷地开发web项⽬；<br>
                                            3.从原理到实践，循序渐进讲解每个知识点，学员不仅能理解，更能举⼀反三。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Maven、JDBC；<br>
                                            2.MyBatis、Srping/SpringBoot；<br>
                                            3.JWT、SpringSecrity。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.操作系统、负载均衡；<br>
                                            2.容器、消息中间件、缓存。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.Java微服务开发必备核⼼知识，紧跟企业需要，知识张弛有度，学员全身⼼投⼊；<br>
                                            2.采⽤可视化开发⽅式，使得学员能够轻松掌握核⼼基础知识，同时，通过⼤量练习消化基础核⼼知识；<br>
                                            3.学员理解并掌握微服务架构开发中的⾼并发、分布式等技术，轻松应对未来⼯作的各项挑战。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Linux；<br>
                                            2.Nginx；<br>
                                            3.docker、k8s；<br>
                                            4.Kafka；<br>
                                            5.Redis。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.分布式事务；<br>
                                            2.服务流量治理组件；<br>
                                            3.分布式搜索、SpringCloud Alibaba。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.学员全⾯掌握企业急需的微服务开发技术，包括服务之间的流量治理技术、容器化技术、分布式搜索与分析技术等；<br>
                                            2.通过企业实战项⽬，培养学员Java后台微服务⼯程实践能⼒，强化学员对Java微服务架构的理解；<br>
                                            3.引⼊业界著名阿⾥的SpringCloud微服务架构，注重实践，强化学员微服务开发能⼒。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.Seata；<br>
                                            2.Sentinel；<br>
                                            3.ElasticSearch；<br>
                                            4.SpringCloud Alibaba。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="single-list">
                            <div class="right">
                                <ul class="right-list">
                                    <li class="right-item">
                                        <h5>主要内容</h5>
                                        <p>1.个性化的简历制作；<br>
                                            2.互联⽹⼤⼚近五年的⾼频笔试题；<br>
                                            3.⼀对⼀、⼀对多的互联⽹⼤⼚模拟⾯试、⾯试专题指导。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程特色</h5>
                                        <p>1.专业的简历指导，千⼈千⾯，全⽅⾯凸显学员专业技能优点；<br>
                                            2.互联⽹⼤⼚⾼频笔试、⾯试题，强化学员笔⾯试能⼒；<br>
                                            3.组织企业在职⾯试官，现身说法，实地考核，助⼒学员从容应对⾯试。</p>
                                    </li>
                                    <li class="right-item">
                                        <h5>课程知识要点</h5>
                                        <p>1.简历库；<br>
                                            2.笔试题库；<br>
                                            3.⾯试题库；<br>
                                            4.项⽬库。</p>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>

                    <script>
                        const tabs = document.querySelectorAll(".left-list .left-item");
                        const tab_contents = document.querySelectorAll(".all-list .single-list");

                        tabs.forEach((tab, index) => {
                            tab.addEventListener('click', () => {
                                tabs.forEach(tab => {
                                    tab.classList.remove('active');
                                })
                                tab_contents.forEach(tab_content => {
                                    tab_content.classList.remove('active');
                                })

                                tab.classList.add('active');
                                tab_contents[index].classList.add('active');
                            })
                        })
                    </script>

                </div>
            </div>

            <!-- 往期学员高薪就业风云榜 -->
            <div class="salary">
                <h2 class="com-title">往期学员高薪就业风云榜</h2>

                <div class="salary-table wrapper">
                    <div class="table-head">
                        <ul class="head-list">
                            <li class="head-item">入职新企业</li>
                            <li class="head-item">个人信息</li>
                            <li class="head-item">薪资</li>
                        </ul>
                    </div>
                    <div class="table-body">
                        <ul class="body-list">
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京**未来科技有限公司</li>
                                    <li class="content-item">欧阳*</li>
                                    <li class="content-item">18.8万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">苏州**仪器股份有限公司</li>
                                    <li class="content-item">陈*文</li>
                                    <li class="content-item">17.2万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**博创科技有限公司</li>
                                    <li class="content-item">涂*诚</li>
                                    <li class="content-item">24万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">东方**科技有限公司</li>
                                    <li class="content-item">毛*瑞</li>
                                    <li class="content-item">21.7万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**技术有限公司</li>
                                    <li class="content-item">张*宇</li>
                                    <li class="content-item">23.2万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">湖北**科技有限公司</li>
                                    <li class="content-item">李*</li>
                                    <li class="content-item">18.6万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">盛**股份有限公司</li>
                                    <li class="content-item">夏*雄</li>
                                    <li class="content-item">18万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**通信股份有限公司</li>
                                    <li class="content-item">郭*强</li>
                                    <li class="content-item">24万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京数字**科技股份有限公司</li>
                                    <li class="content-item">窦*庆</li>
                                    <li class="content-item">26万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京格**科技有限公司</li>
                                    <li class="content-item">邓*彬</li>
                                    <li class="content-item">18.6万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京爱博**科技有限公司</li>
                                    <li class="content-item">邓*刚</li>
                                    <li class="content-item">28.3万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京**数据股份有限公司</li>
                                    <li class="content-item">徐*军</li>
                                    <li class="content-item">19.6万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**光声科技有限公司</li>
                                    <li class="content-item">文*为</li>
                                    <li class="content-item">23.8万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">软通**有限公司</li>
                                    <li class="content-item">张*一</li>
                                    <li class="content-item">19.2万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">北京**未来科技有限公司</li>
                                    <li class="content-item">欧阳*</li>
                                    <li class="content-item">18.8万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">苏州**仪器股份有限公司</li>
                                    <li class="content-item">陈*文</li>
                                    <li class="content-item">17.2万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**博创科技有限公司</li>
                                    <li class="content-item">涂*诚</li>
                                    <li class="content-item">24万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">东方**科技有限公司</li>
                                    <li class="content-item">毛*瑞</li>
                                    <li class="content-item">21.7万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**技术有限公司</li>
                                    <li class="content-item">张*宇</li>
                                    <li class="content-item">23.2万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">湖北**科技有限公司</li>
                                    <li class="content-item">李*</li>
                                    <li class="content-item">18.6万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">盛**股份有限公司</li>
                                    <li class="content-item">夏*雄</li>
                                    <li class="content-item">18万/年薪</li>
                                </ul>
                            </li>
                            <li class="body-item">
                                <ul class="content-list">
                                    <li class="content-item">武汉**通信股份有限公司</li>
                                    <li class="content-item">郭*强</li>
                                    <li class="content-item">24万/年薪</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="../assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="../assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="../assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="../assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="../page/online.html" target="_blank">在线课程</a></li>
                <li><a href="../page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="../page/student.html" target="_blank">学员风采</a></li>
                <li><a href="../page/job.html" target="_blank">就业信息</a></li>
                <li><a href="../page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="../page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

</body>

</html>